<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>项目跟踪</title>
	</head>
	<body>
		<script type="text/javascript" src="msi/project/project.js"></script>
		<script type="text/javascript">
			$(function() {
				var projectId = $("#_processprojectId").val();
				$('#projectProcessList').datagrid({
					width : 700,
					url:"processList.do",
					idField:"processId",
					fit:true,
					singleSelect:true,
					pagination:true,
					rownumbers:true,
					fitColumns:true,
					queryParams:{"projectProcess.projectId":projectId},
					columns:[
							[{title:'执行阶段',field:'processType',width:80,align:"left"},
				             {title:'标题',field:'processTitle',width:200,align:"left"},
							 {field:'processDesc',title:'内容描述',width:120,align:"left"},
							{field:'createTime',title:'创建时间',width:120,align:"left"}]]
				});
			});
		</script>
		<input type="hidden" id="_processprojectId" value="<s:property value="project.projectId"/>"/>
		<div style="padding:5px;background:#fafafa;border-bottom:1px solid #eee;">
			<table cellpadding="0" cellspacing="0" style="width:100%">
				<tr>
					<td style="text-align:left">
						<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-add" onclick="openProcessPage();">创建</a>
					</td>
					<td style="text-align:right">
						<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel" onclick="javascript:$('#processDialog').dialog('close')">关闭</a>
					</td>
				</tr>
			</table>
		</div>
		<div style="padding:10px">
			<div style="padding-left:5px;padding-right: 5px">
				<table cellpadding="0" cellspacing="0" class="form-table" border="0" width="660">
					<tr>
						<th>客户名称：</th>
						<td style="text-align:left;border-bottom:1px solid #ccc"><s:property value="project.custName"/></td>
						<th>项目编号：</th>
						<td style="text-align:left;border-bottom:1px solid #ccc"><s:property value="project.projectCode"/></td>
						<th>项目名称：</th>
						<td style="text-align:left;border-bottom:1px solid #ccc"><s:property value="project.projectName"/></td>
					</tr>
					<tr>
						<th>开始时间：</th>
						<td style="text-align:left;border-bottom:1px solid #ccc"><s:date name="project.startDate" format="yyyy-MM-dd"/></td>
						<th>结束时间：</th>
						<td style="text-align:left;border-bottom:1px solid #ccc"><s:date name="project.endDate" format="yyyy-MM-dd"/></td>
						<th>项目周期：</th>
						<td style="text-align:left;border-bottom:1px solid #ccc"><s:property value="project.cycle"/></td>
					</tr>
					<tr>
						<th>项目描述：</th>
						<td colspan="5" style="text-align:left;border-bottom:1px solid #ccc"><s:property value="project.projectDesc"/></td>
					</tr>
				</table>
			</div>
			<div style="margin:10px 0;height: 260px">
				<table id="projectProcessList">
				
				</table>
			</div>
		</div>
	</body>
</html>